* {
    margin: 0;
    padding: 0;
    /* box-sizing: border-box; */
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

@font-face {
    font-family: "iconfont";
    src: url('../font3/iconfont.eot?t=1606717980888');
    /* IE9 */
    src: url('../font3/iconfont.eot?t=1606717980888#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
        url('../font3/iconfont.woff?t=1606717980888') format('woff'),
        url('../font3/iconfont.ttf?t=1606717980888') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('../font3/iconfont.svg?t=1606717980888#iconfont') format('svg');
    /* iOS 4.1- */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.xinpin_box {
    width: 1200px;
    margin: auto;
}

.xp_bb {
    overflow: hidden;
    margin-bottom: 40px;
}

.xp_banner {
    width: 1308px;
    height: 400px;
    margin: auto;
}

.xp_banner img {
    width: 1308px;
    height: 400px;
}

.xinpin_title {
    position: relative;
}

.xinpin_title h2 {
    font-size: 24px;
    text-align: center;
    margin: 50px 0;
    color: #684029;
}

.xinpin_title span {
    position: absolute;
    top: 37px;
    left: 585px;
    width: 30px;
    border: 1px solid #E6C5B8;
}

.mask {
    background: rgba(233, 227, 227, 0.2);
    width: 100%;
    height: 330px;
    position: absolute;
    top: 0;
    left: 0;
    color: #684029;
    line-height: 330px;
    text-align: center;
    font-size: 14px;
}

.mask:hover {
    color: #CA9E72;
}

.xinpin_list ul li {
    float: left;
    width: 228px;
    height: 354px;
    padding: 0 18px;
    margin: 10px 18px;
    position: relative;
    text-align: center;
}

.xinpin_list ul li .xinpin_logo img {
    width: 64px;
    height: 24px;
}

.xinpin_list ul li .xinpin_logo {
    position: absolute;
    top: 13px;
    left: 19px;
}

.xinpin_list ul li img {
    width: 228px;
    height: 246px;
}


.xinpin_list ul li h3 {
    font-size: 13px;
    line-height: 20px;
    color: #684029;
    margin-top: 4px;
}

.xinpin_list ul li h3:hover {
    color: #EEC188;
}

.xinpin_list ul li p {
    color: #BB9772;
    line-height: 18px;
    margin-top: 5px;
    font-size: 13px;
}

.xinpin_list ul li .xinpin_biao {
    display: inline-block;
    border: 1px solid #D5BFA7;
    border-radius: 100px;
    padding: 0 6px 0 8px;
    color: #D5BFA7;
    margin: 8px 3px;
    cursor: pointer;
    font-size: 12px;
}

.xinpin_tz {
    position: absolute;
    top: 315px;
    display: inline-block;
    width: 107px;
    left: 60px;
    line-height: 28px;
    margin-top: 12px;
    margin-left: 20px;
    background: none;
    font-size: 13px;
    color: #684029;
    cursor: pointer;
}

.xinpin_tz span {
    display: inline-block;
}

.xinpin_tz span:nth-of-type(1) {
    width: 20px;
    vertical-align: middle;
}

.xinpin_list ul li:nth-of-type(1) .xinpin_tz span:nth-child(1)::after {
    content: "\e69e";
    font-family: "iconfont";
    font-size: 17px;
}

.xinpin_tz span:nth-child(1)::after {
    content: "\e661";
    font-family: "iconfont";
    font-size: 20px;
}

.xinpin_tz:hover {
    color: #EEC188;
}

.xinpin_list ul li img:hover {
    transform: scale(1.1);
}

.xinpin_list ul li .xinpin_biao:hover {
    transform: scale(1.1);
    color: red;
}